<!--联系人模块-->
<script setup lang="ts">
import {ref} from "vue";

const searchValue = ref()
const contactData = ref([
  {
    title: '朋友',
    key: 'friend',
    children: [
      {
        title: '朋友1',
        key: 'friend1',
      }, {
        title: '朋友2',
        key: 'friend2',
      },
    ]
  }
])
</script>
<template>
  <div class="contact ">
    <div class="contact-container ">
      <a-input-search v-model:value="searchValue" class="search-input" placeholder="搜索联系人"/>
      <a-tree
          class="contact-tree"
          :tree-data="contactData"

      />
      <!--                v-model:expandedKeys="expandedKeys"
                v-model:selectedKeys="selectedKeys"-->
    </div>
  </div>
</template>
<style lang="less" scoped>
.contact {
  height: 100%;
  padding: 10px;

  .contact-container {
    height: 100%;

    .search-input {
      margin: 10px auto 10px auto;
    }

    .contact-tree {

    }
  }
}
</style>
